<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"/>
</head>

<body class="dpflex fdcolumn">
    <main>
        <!-- 轮播图 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide index-swiper1"></div>
            <div class="swiper-slide index-swiper2"></div>
            </div>
            <!-- If we need pagination -->
            <div class="swiper-pagination"></div>
            </div>
        <div class="outbox">
            <div class="left_box">
                <p class="jrpm_text fs20 fw">今日排名</p>
                <p class="nine_text" id="rankingnum">9</p>
            </div>
            <div class="right_box">
                <p class="ljdk_text fs20 fw">累计打卡<span id="clockCountnum"></span>天</p>
                <p class="jrdk_text fs20" id="jrdk">今日打卡</p>
            </div>
        </div>
        <div class="outbox_second">
            <div class="left_box">
                <p class="ydsj_text fs16 fw">运动数据</p>
            </div>
            <div class="right_box">
                <p class="ljhz_text fs16 fw">累计运动徽章</p>
                <div class="num rel">
                    <span id="badgesnum"></span>
                    <span class="zhang">枚</span>
                </div>
            </div>
        </div>
        <div class="three_box">
            <div class="kcxl_box"></div>
        </div>
        <div class="four_box">
            <div class="hwpb_box"></div>
        </div>
    </main>
    <!-- 页脚 -->
    <footer></footer>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>